<template>
   <transition name="slide">
       <div class="gameDetails">
            <div> {{id}} </div>
        </div>
   </transition>
</template>
<script>
    export default{
        data(){
            return{
                id:''
            }
        },
        created(){
          this.id=this.$route.params.id;
        }
    }
</script>
<style lang="scss" scoped>
    .gameDetails{
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 9999;
        width: 100%;
        background: #fff;
        overflow:hidden;
    }
    .slide-enter-active, .slide-leave-active{
		 transition: all 0.3s
	}
	  .slide-enter, .slide-leave-to{
	  	transform: translate(100%, 0)
	  }
</style>

